<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<!-- BEGIN HEAD -->

<head>

    <meta charset="utf-8"/>

    <title>学员分配管理</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta th:content="${session.authorities}" id="authority"/>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="media/css/bootstrap.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link rel="stylesheet" type="text/css" href="/media/css/chosen.css" />
    <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>

    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>

    <link href="media/css/style-responsive.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/default.css" rel="stylesheet" type="text/css"
          id="style_color"/>
    <link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>


    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL STYLES -->


    <link rel="stylesheet" href="media/css/DT_bootstrap.css"/>
    <link rel="stylesheet"
          href="media/ztree/css/bootstrapStyle/bootstrapStyle.css"
          type="text/css">

    <link rel="stylesheet" type="text/css"
          href="media/css/select2_metro.css"/>


    <!-- END PAGE LEVEL STYLES -->

    <link rel="shortcut icon" href="media/image/favicon.ico"/>
    <style type="text/css">
        #tab_3_1 li.active {
            border-left: 1px solid #ddd;
            border-top: 3px solid #d12610;
            margin-top: 0;
            position: relative;
        }
        #table th, td { white-space: nowrap; }
    </style>
</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

<!-- BEGIN HEADER -->
<div th:replace="common/header :: header"></div>
<!-- END HEADER -->

<!-- BEGIN CONTAINER -->

<div class="page-container row-fluid">

    <!-- BEGIN SIDEBAR -->
    <div th:replace="common/sider :: sider"></div>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content">
        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                        学员分配管理
                    </h3>
                    <!-- END PAGE TITLE & BREADCRUMB-->

                </div>

            </div>

            <!-- END PAGE HEADER-->

            <!-- BEGIN PAGE CONTENT-->
            <div class="row-fluid ">

                <div class="span12">

                    <!-- BEGIN INLINE TABS PORTLET-->

                    <div class="portlet box green">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="icon-reorder"></i>分配学员
                            </div>
                            <div class="tools">
                                <a href="javascript:;" class="collapse"></a> <a
                                    href="#portlet-config" data-toggle="modal" class="config"></a>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <div class="row-fluid">
                                <div class="span12">

                                    <!--BEGIN TABS-->
                                    <div class="tabbable tabbable-custom tabs-left">
                                        <ul class="nav nav-tabs tabs-left">
                                            <li class="active"><a href="#tab_3_1" data-toggle="tab">分配学员</a></li>
                                            <li><a href="#tab_3_2" data-toggle="tab">分配记录查看</a></li>

                                        </ul>
                                        <div class="tab-content">

                                            <div class="tab-pane active" id="tab_3_1">
                                                <div class="tabbable tabbable-custom">

                                                    <ul class="nav nav-tabs">

                                                        <li class="active"><a href="#tab_1_1"
                                                                              data-toggle="tab">未签约学员</a></li>

                                                        <li class=""><a href="#tab_1_2" data-toggle="tab">已签约会员</a></li>


                                                    </ul>

                                                    <div class="tab-content">

                                                        <div class="tab-pane active" id="tab_1_1">
                                                            <div class="row-fluid">
                                                                <form class="form-horizontal">
                                                                    <div class="span6">
                                                                        <div class="control-group">
                                                                            <label class="control-label"
                                                                                   style="display: inline-block;">快速筛选:</label>
                                                                            <div class="controls">
                                                                                <select class="m-wrap span12"
                                                                                        name="stuSource">
                                                                                    <option value="0">请选择</option>

                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="span4">
                                                                        <div class="control-group">
                                                                            <label class="control-label">分配顾问|老师:</label>
                                                                            <div class="controls">
                                                                                <button class="btn green"
                                                                                        id="btn_stu_assign">
                                                                                    选中分配 <i class="icon-plus"></i>
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </form>

                                                            </div>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="portlet box green">

                                                                        <div class="portlet-title">

                                                                            <div class="caption">
                                                                                <i class="icon-globe"></i>学生数据信息
                                                                            </div>
                                                                        </div>

                                                                        <div class="portlet-body">
                                                                            <table
                                                                                    class="table table-striped table-bordered table-hover table-full-width"
                                                                                    id="table">
                                                                                <thead>
                                                                                <tr>
                                                                                    <th><input
                                                                                            type="checkbox"
                                                                                             id="checkAll">
                                                                                    </th>
                                                                                    <th>编号</th>
                                                                                    <th>学员姓名</th>
                                                                                    <th>最后分配时间</th>
                                                                                    <th>生日</th>
                                                                                    <th>性别</th>
                                                                                    <th>年龄</th>
                                                                                    <th>家长姓名</th>
                                                                                    <th>手机号码</th>
                                                                                    <th>学员状态</th>
                                                                                    <th>市场人员</th>
                                                                                    <th>顾问 | 老师</th>
                                                                                    <th>操作</th>
                                                                                </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>

                                                                        </div>

                                                                    </div>

                                                                </div>

                                                            </div>
                                                        </div>

                                                        <div class="tab-pane" id="tab_1_2">
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <table
                                                                            class="table table-striped table-bordered table-hover table-full-width"
                                                                            id="table_view2">
                                                                        <thead>
                                                                        <tr>
                                                                            <th>编号</th>
                                                                            <th>学员姓名</th>
                                                                            <th>分配前顾问 | 老师</th>
                                                                            <th>分配后顾问 | 老师</th>
                                                                            <th>操作人</th>
                                                                            <th>操作时间</th>
                                                                        </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>
                                            <div class="tab-pane" id="tab_3_2">
                                                <div class="row-fluid">
                                                    <div class="span12">
                                                        <table
                                                                class="table table-striped table-bordered table-hover table-full-width"
                                                                id="table_view">
                                                            <thead>
                                                            <tr>
                                                                <th>编号</th>
                                                                <th>学员姓名</th>
                                                                <th>分配前顾问 | 老师</th>
                                                                <th>分配后顾问 | 老师</th>
                                                                <th>操作人</th>
                                                                <th>操作时间</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- START 分配弹框 ALERT-->
            <div class="portlet-body form" id="stu_assign_alert" style="display:none;" >

                <!-- BEGIN FORM-->

                <form action="#" class="form-horizontal form-bordered form-row-stripped" id="assign_form">
                    <div class="control-group">
                        <label class="control-label">分配类型：</label>

                        <div class="controls">

                            <label class="radio">

                                <div class="radio"><span><input type="radio" name="assignType"
                                                                value="0" checked></span></div>
                                重新分配

                            </label>

                            <label class="radio">

                                <div class="radio">
                                    <span class="checked">
                                    <input type="radio" name="assignType" value="1" >
                                </span>
                                </div>

                                追加分配

                            </label>
                        </div>
                    </div>

                    <div class="control-group">

                        <label class="control-label">老师:</label>
                        <div class="controls">

                            <select data-placeholder="请选择老师"
                                    class="chosen span12" multiple="multiple" tabindex="6" name="adviser" data-with-diselect="1">

                                <option value="" th:each="teacher:${teachers}" th:value="${teacher.id}" th:text="${teacher.staffRealName}"></option>
                            </select>

                        </div>
                    </div><div class="control-group">

                        <label class="control-label">顾问:</label>
                        <div class="controls">

                            <select data-placeholder="请选择顾问"
                                    class="chosen span12" multiple="multiple" tabindex="6" name="adviser">
                                <option value="" th:each="adviser:${advisers}" th:value="${adviser.id}" th:text="${adviser.staffRealName}"></option>
                            </select>

                        </div>
                    </div>
                </form>

                <!-- END FORM-->

            </div>
            <!-- END 分配弹框 ALERT-->

            <!-- END PAGE CONTENT-->

        </div>

        <!-- END PAGE CONTAINER-->

    </div>

    <!-- END PAGE -->

</div>

<!-- END CONTAINER -->

<!-- BEGIN FOOTER -->

<div class="footer">

    <div class="footer-inner">2013 &copy; Metronic by keenthemes.</div>

    <div class="footer-tools">

			<span class="go-top"> <i class="icon-angle-up"></i>

			</span>

    </div>

</div>

<!-- END FOOTER -->

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

<!-- BEGIN CORE PLUGINS -->

<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="media/js/jquery-migrate-1.2.1.min.js"
        type="text/javascript"></script>

<script src="media/js/bootstrap.min.js" type="text/javascript"></script>


<script src="media/js/jquery.uniform.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/media/js/chosen.jquery.min.js"></script>

<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL PLUGINS -->

<script type="text/javascript" src="media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>
<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>

<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script type="text/javascript" src="media/layer/layer.js"></script>
<script type="text/javascript" src="media/js/select2.min.js"></script>
<script src="media/js/app.js"></script>
<script src="media/js/studentassignlist.js"></script>

<script>
    jQuery(document).ready(function () {
        App.init();

        StudentAssignList.init();

    });
</script>

<script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-37564768-1']);
    _gaq.push(['_setDomainName', 'keenthemes.com']);
    _gaq.push(['_setAllowLinker', true]);
    _gaq.push(['_trackPageview']);
    (function () {
        var ga = document.createElement('script');
        ga.type = 'text/javascript';
        ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://'
                : 'http://')
            + 'stats.g.doubleclick.net/dc.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga, s);
    })();
</script>
</body>

<!-- END BODY -->

</html>